<template>
  <div>
      <div class="header">
        <h2>物联网金融系统</h2>
      </div>
      <div class="main">
          <div class="left">
              <ul>
                 <li>项目管理
                    <ol>
                      <li>投资管理
                          <ol>
                            <li @click="adminAddInvest">增加投资</li>
                            <li @click="adminInvestList">投资列表</li>
                          </ol>
                      </li>
                      <li>理财管理</li>
                      <li>借款管理</li>
                    </ol>
                 </li>
                 <li>投资管理
                    <ol>
                        <li>投资项目列表
                          <ol>
                            <li @click="userInvestList">用户投资项目列表</li>
                            <li @click="adminInvestItemList">管理员投资项目列表</li>
                          </ol>
                        </li>
                        <li>理财项目列表</li>
                        <li>借款项目列表</li>
                    </ol>
                 </li>
                 <li>资产管理
                  <ol>
                    <li>投资管理
                      <ol>
                        <li @click="userInvestRedeemList">用户赎回列表</li>
                        <li @click="adminInvestRedeemList">管理员赎回列表</li>
                      </ol>
                    </li>
                    <li>理财赎回</li>
                    <li>借款还款</li>
                  </ol>
                 </li>
              </ul>
          </div>
          <div class="right">
            <RouterView></RouterView>
          </div>
      </div>
  </div>
</template>

<script setup lang="ts">
import { useRouter,RouterView} from 'vue-router'
const router = useRouter()

//函数---------------------------------
//用户投资赎回
const userInvestRedeemList=()=>{
  router.push('/main/userInvestRedeemList')
}
//管理员投资赎回
const adminInvestRedeemList=()=>{
  router.push('/main/adminInvestRedeemList')
}
//用户投资列表
const userInvestList = ()=>{
  router.push('/main/userInvestList')
}

//管理员投资列表
const adminInvestItemList = ()=>{
  router.push("/main/adminInvestItemList")
}




//管理员添加投资
const adminAddInvest = ()=>{
    router.push('/main/adminAddInvest')
}

//管理员投资列表
const adminInvestList = ()=>{
  router.push("/main/adminInvestList")
}
</script>

<style scoped>
    .header{
      height: 60px;
      background-color: aqua;
    }
    .main{
      display: flex;
    }
    .left{
      width: 300px;
      background-color: chartreuse;
    }
    .right{
      flex:1;
      
    }

</style>